<include file='Public/header' />
	 <style >
	   #mainbody{
			width:90%;
			margin-left:5%;
	   }
		#maincontent{
			float:left;
			width:100%;
			height:280px;
		}
		#cleft{
			float:left;
			width:25%;;
			height:100%;
			background-color:white;
		}
		#cright{
			float:right;
			width:75%;
			height:100%;
		}
		.carousel .item {height: 240px;}
		.classfy{
			height:25px;
		}
		.icon{
			margin-left:20%;
			width:35px;
		}
		.xicon{
			width:35px;
		}
		.cfont{
			font-size:20px;
			margin-left:5%;
			line-height:25px;
			text-decoration:none;  /*超链接无下划线*/
			cursor: pointer;
		}
		.title{
			font-size:20px;
			cursor: pointer;
		}
		.disdiv{
			float:left;
			width:20%;
			height:350px;
			border:solid 1px green;
		}
		.imgpic{
			margin-left:25px;
		}
		.caption{
			text-align:center
		}
     </style>
<div id="mainbody">

<div id="maincontent">
	<span id="cleft"><!--分类-->
		<volist name="clist" id="vo">
		<div class="classfy">
			<img src="__PUBLIC__/assest/image/icon.jpg" class="icon" width="35px">	
			<a class="cfont" href="{:U('List/Index',array('id'=>$vo['id'],'name'=>$vo['name'],'mode'=>'id','dec'=>'desc'))}">{$vo.name}</a>
		</div>
		<hr>
		</volist>
	</span>
	<div id="cright"><!--展示-->
		<div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="2000">
		<!-- 轮播（Carousel）指标 -->
	   <ol class="carousel-indicators">
			<?php
				$num=count($display);
				for($x=0;$x<$num;$x++)
				{
					echo "<li data-target=\"#myCarousel\" data-slide-to=\"";
					echo $x;
					echo "\"";
					if($x==0) echo " class='active'";
					echo ">
					</li>";
				}
			?>
	   </ol>   
	
	   <div class="carousel-inner">
			<?php
				for($i=0;$i<$num;$i++){
					$picpath=str_replace("thumb_","",$display[$i]['pic']);
					//var_dump($picpath);
					echo "
					<div class='item";
					if($i==0) echo " active";
					echo "'> ";
			
					echo "<a href='__ROOT__/index.php/";
					echo $display[$i]['path'];					
					echo "'><img src='__PUBLIC__/photo/";
					echo $picpath;
					echo "' alt='slide'></a>
					</div>";
				}
			?>
	   </div>			
			<!-- 轮播（Carousel）导航 -->
			<a class="carousel-control left" href="#myCarousel" 
				data-slide="prev">&lsaquo;
			</a>
			<a class="carousel-control right" href="#myCarousel" 
				data-slide="next">&rsaquo;
			</a>
		</div>
	</div>
</div><!--maincontent-->
<!--分类显示-->
<a class="title">销量排行榜</a>
<hr width="100%" style="border:2px solid green;">
<div class='row'>
		<volist name="phblist" id="voo">
		<?php 
		$picpath=str_replace("thumb_","",$voo['pic']);	?>
		<div class="disdiv">
			  <a onmouseover='window.location.href='#''
			  style='cursor:pointer;' href="{:U('List/showgood',array('id'=>$voo['id']))}">
			  	 <img class="imgpic" src='__PUBLIC__/photo/{$picpath}' width="200px" height="250px"
				 alt='通用的占位符缩略图'>
			 </a>
				 <div class='caption' >
					<a href="{:U('List/showgood',array('id'=>$voo[id]))}">{$voo.name}</a> <br>
					<a  href="{:U('List/showgood',array('id'=>$voo[id]))}" >{$voo.lintro}</a>
					<br><br>
				 <p>￥{$voo.price}元/{$voo.danwei}</p></div>
		</div>
		</volist>
<hr width="100%" style="border:2px solid white;">
<hr width="100%" style="border:2px solid green;">
<volist name="list" id="vo">
	<div class="flxs">
	<img src="__PUBLIC__/assest/image/icon.jpg" class="xicon" width="35px">	
	<a class="title" href="{:U('List/Index',array('id'=>$vo['cid'],'mode'=>'id','dec'=>'desc'))}">{$vo.cname}</a>
	<hr width="100%" style="border:2px solid green;">
	<div class='row'>
		<volist name="vo['det']" id="voo">
		<?php 
		$picpath=str_replace("thumb_","",$voo['pic']);	?>
			<div class='disdiv'>
			  <a onmouseover='window.location.href='#''
			  style='cursor:pointer;' href="{:U('List/showgood',array('id'=>$voo['id']))}">
			  	 <img class="imgpic" src='__PUBLIC__/photo/{$picpath}' width="200px" height="250px"
				 alt='通用的占位符缩略图'>
			 </a>
				 <div class='caption' >
					<a href="{:U('List/showgood',array('id'=>$voo[id]))}">{$voo.name}</a> <br>
					<a  href="{:U('List/showgood',array('id'=>$voo[id]))}" >{$voo.lintro}</a>
					<br><br>
				 <p>￥{$voo.price}元/{$voo.danwei}</p></div>
		   </div>
		</volist>
	</div><!--row-->
	</div>
</volist>
<include file='Public/footer' />
</div>
</body>

</html>
